<!-- /templates/customers/register.liquid -->

<div class="page-width page-container">

  <div class="customer__account-form text-center">

    <div class="form-vertical">
      {% form 'create_customer' %}

        <h1 class="h2">{{ 'customer.register.title' | t }}</h1>

        {{ form.errors | default_errors }}

        <label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label>
        <input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="{{ 'customer.register.first_name' | t }}"  autocapitalize="words" autofocus/>

        <label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label>
        <input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="{{ 'customer.register.last_name' | t }}" autocapitalize="words"/>

        <label for="Email" class="label--hidden">{{ 'customer.register.email' | t }}</label>
        <input type="email" name="customer[email]" id="Email" class="input-full {% if form.errors contains 'email' %} input--error{% endif %}" placeholder="{{ 'customer.register.email' | t }}"  autocorrect="off" autocapitalize="off"/>

        <label for="CreatePassword" class="label--hidden">{{ 'customer.register.password' | t }}</label>
        <input type="password" name="customer[password]" id="CreatePassword" class="input-full {% if form.errors contains 'password' %} input--error{% endif %}" placeholder="{{ 'customer.register.password' | t }}"/>

        <p>
          <input type="submit" value="{{ 'customer.register.submit' | t }}" class="btn"/>
        </p>
        <a href="{{ shop.url }}">{{ 'customer.register.cancel' | t }}</a>

      {% endform %}
    </div>

  </div>

</div>
